import { lazy } from "react"

const AppIndex = lazy(() => import('./Index'))
const Home = lazy(() => import('./Home'))
const Mine = lazy(() => import('./Mine'))
const Cart = lazy(() => import('./Cart'))
const Classify = lazy(() => import('./Classify'))

import { Navigate } from 'react-router-dom';


export const AppRoutes: any = [
    {
        path: '/app',
        element: <AppIndex />,
        children: [
            { path: '/app', element: <Navigate to='/app/home' /> },
            { path: '/app/home', element: <Home /> },
            { path: '/app/mine', element: <Mine /> },
            { path: '/app/cart', element: <Cart /> },
            { path: '/app/classify', element: <Classify /> },
        ]
    }
]